<template>

    <div class="nav">

        <router-link to="/discover">主页</router-link>
        <router-link to="/channel">频道</router-link>
        <router-link to="/my">我的</router-link>
        <router-link to="/find">搜索</router-link>


    </div>
</template>

<script>
export default {
    //属性
    data() {
        return {

        }
    },

    //方法
    methods: {
        onShowHideChannel() {
            console.log("显示隐藏工具栏。。")
        },
    }
}
</script>

<style lang="scss">
// 导航栏样式。
#navigator {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;


    .nav {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        background-color: #de8181;
        line-height: 40px;


        a {
            padding: 5px 10px;
            color: rgb(255, 255, 255);
            text-decoration: none;
            font-weight: 600;

        }

    }
}
</style>